body {
  padding-top: 70px !important;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.page-header {
	background: url('../images/site/header.jpg') no-repeat center;
	text-align: center;
}

.page-header h1 {
	color: #ffffff;
}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carousel-caption h4 {
	color: #ffffff;
}

.carousel-control {
	cursor: pointer;
}

@media only screen and (min-width : 320px) and (max-width : 768px) {
 	#top-logo {
		width: 80px;
	}
	.page-header {
		height: 100px;
		padding-top: 20px;
	}
	.page-header h1 {
		font-size: 1em
	}
}

@media (min-width: 768px) {
	#top-logo {
		width: 55px;
	}
	.page-header {
		height: 100px;
		padding-top: 20px;
	}
	.page-header h1 {
		font-size: 1em
	}
}

@media (min-width: 992px) {
	#top-logo {
		width: 55px;
	}
	.page-header {
		height: 155px;
		padding-top: 40px;
	}
	.page-header h1 {
		font-size: 2em
	}
}

@media (min-width: 1200px) {
	#top-logo {
		width: 85px;
	}
	.page-header {
		height: 155px;
		padding-top: 25px;
	}
	.page-header h1 {
		font-size: 3em
	}
}